<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>EOC Pharma</title>
	<link rel="stylesheet" href="css/reset.css">	
	<link rel="stylesheet" href="css/swiper.min.css">
  <link rel="Shortcut Icon" href="images/icon.png" type="image/x-icon">
	<style>
	#body{
		width: 100vw;
        height: 100vh;
        overflow: hidden;
	}
    	 .swiper-container{
    	 	width: 100%;
    	 	position: absolute;
    	 	z-index: 222;
    	 	min-width: 1200px;
    	 	height: 100vh;

    	 }
      
       .swiper-container img{
       	width: 100%;
       	height: 100vh;
       
       }
       #nav{
       	width: 80%;
        margin:0 auto;   
       }
       
       .header{
       		background:none;
       		top:0px;      		    		
       		height: 66px;
       		min-width: 1200px;
       		position: relative;
       		z-index: 999
       }
       #title{
        width: 80%;
        position: absolute;
        font-size: 50px;
        z-index: 999;
        top:30%;
        left: 10%;
        color: #fff;
        text-align: center;
       
      
        word-wrap: break-word;
        word-break: normal

       }
       button{
        position: absolute;
        font-size: 16px;
        width: 10%;

        z-index: 999;
        left: 45%;top:75%;
    
        
        text-align: center;
        color: #fff;
        height: 40px;
        padding: 10px;
        line-height: 20px;
        border-radius: 5px;
        border:none;
        background: transparent;
       }
       a{
        color: #fff;
       
       }
       button:hover{
        background:#f3b259;
       
       }
       


	</style>
</head>
<body id="body">
       <div id="title">
          <p id="aa" >
        
          </p>
       </div>
       <button><a href="p2.html">Read more</a></button>

       <!-- <div class="swiper-container">
          <img src="images/banner.png" alt="">
       </div> -->
	       <!-- 轮播图 -->
            <div class="swiper-container" >  
                <div class="swiper-wrapper" id="swiperwrapperCon">
                    <!-- <div class="swiper-slide"><img src="images/header.png" alt=""></div>
                    <div class="swiper-slide"><img src="images/play1.jpeg" alt=""></div>
                    <div class="swiper-slide"><img src="images/play2.jpeg" alt=""></div> -->
              
                </div>                         
                <div class="swiper-pagination"></div>               
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
             
            </div>
		<div class="header">
            <div class="nav" id="nav">
			 <div class="logo"><img src="images/logo_01.png" alt=""></div>
			 <ul class="navul">
			 	<li><a href="#"  style="font-weight:bold;font-style: italic;">Home</a></li>
			 	<li><a href="p2.html">About us</a>
			 	     <ul class="child">
                        <li><a href="p2.html?id=1">Overview</a></li>
                        <li><a href="p2.html?id=2">CEO Message</a></li>
                        <li><a href="p2.html?id=3">Vision and Mission</a></li>
                        <li><a href="p2.html?id=4">Management Team</a></li>
                        <li><a href="p2.html?id=5">Scientific Advisory Board</a></li>
                        <li><a href="p2.html?id=6">Investors</a></li>
            </ul>
			 	</li>
			 	<li>
			 		<a href="p3.html">R&D</a>
			 		<ul class="child">
			 			<li><a href="p3.html">Pipeline</a></li>
			 	<!-- 		<li><a href="p3.html?id=2">Pre-clinical Development</a></li>
			 			<li><a href="p3.html?id=3">Clinical & Regulatory</a></li> -->
			 			<li><a href="p3.html?id=4">Facility</a></li>

			 		</ul>

			 	</li>
			 	<li>
			 		<a href="p4.html">Partnerships</a>
			 		<ul class="child">
			 			<li><a href="p4.html">Business Development</a></li>
			 			<li><a href="p4.html?id=2">Partners</a></li>
			 		</ul>
			 	</li>
			 	<li><a href="p5.html">News</a></li>
			 	<li>
			 		<a href="p6.html">Contact</a>			 	
			 	</li>
			 </ul>
		</div>
</div>






<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/public.js"></script>
<script src="js/swiper.min.js"></script>
<script>
        // 控制轮播图的参数

 
    bannerApi();
    indexTextApi();


</script>


	

</body>
</html>